<template>
  <view>
    <view class="position-relative">
      <image
        :src="topicInfo.titlepic"
        class="indistinct w-100"
        style="height: 300rpx"
        mode="aspectFill"
      ></image>
    </view>
    <view class="px-2 position-relative" style="z-index: 10; background-color: #fff">
      <view>
        <image
          :src="topicInfo.titlepic"
          style="width: 150rpx; height: 150rpx; margin-top: -150rpx"
          class="mr-2 rounded"
        ></image>
        <text class="font-md">#{{ topicInfo.title }}#</text>
      </view>
      <view class="flex align-center my-2">
        <text class="text-light-muted">动态 {{ topicInfo.news_count }}</text>
      </view>
      <view class="flex align-center my-2 font-md text-light-muted">{{ topicInfo.desc }}</view>
    </view>
  </view>
</template>

<script>
export default {
  props: {
    topicInfo: {
      type: Object,
    },
  },
}
</script>

<style></style>
